<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>

        <ui:composition template="./WEB-INF/template.xhtml">
            <div id="leftdiv">

            </div><!-- end of left_menu -->
            <ui:define name="content">
                <div id="content_inner">
                    <div id="banner">
                        <div id="menu_index">
                            <ul>
                                <li><a href="index.xhtml">INICIO</a></li>
                                <li><a href="#">CATEGORIA</a></li>
                                <li><a href="#">CLIENTE</a></li>
                                <li><a href="#">PEDIDO</a></li>



                            </ul>
                        </div><!-- end of menu_index -->


                        <div id="login">
                            <h3>INICIAR SESI&Oacute;N</h3>
                            <form action="#" method="post">
                                <label>Usuario</label>
                                <input type="text" value="" name="username" size="10" class="input_field" title="username" />
                                <label>Contraseña</label>
                                <input type="password" value="" name="password" class="input_field" title="password" />
                                <input type="submit" name="login" value="Login" alt="login" id="submit_btn" title="Login" />
                            </form>
                        </div><!-- end of login -->

                        <div class="slider"><span class="frame"></span>
                            <!--Slider de productos y promociones-->
                            <img src="images/image_01.jpg" alt="imagen 1" />
                            <img src="images/image_02.jpg" alt="imagen 1" />
                            <img src="images/image_03.jpg" alt="imagen 1" />
                        </div> <!--  end of slider -->

                    </div><!-- end of banner -->
                    <div id="content">

                        <div class="info_prod">
                            <div align ="center">
                                <h2>Administrar Categorias</h2>

                            </div>
                        </div>

                        <div class="cleaner_h10">
                        </div> 

                        <div id="div1">


                            <h:form>


                                <table cellspacing="4">
                                    <tr><td>Codigo Categoria <font color="red">*</font>:</td>
                                        <td><input title="id_categoria" type="text" name="id_categoria" value="" size="32" maxlength="10" /></td>
                                    </tr>

                                    <tr><td>Nombre Categoria <font color="red">*</font>:</td>
                                        <td><input title="Cat_Nombre" type="text" name="Cat_Nombre" value="" size="32" maxlength="50" /></td>
                                    </tr>
                                    <tr><td>Tamaño <font color="red">*</font>:</td>
                                        <td><input title="catTamaño" type="text" name="catTamaño" value="" size="32" maxlength="10" /></td>
                                    </tr>
                                    <tr><td>Precio de venta <font color="red">*</font>:</td>
                                        <td><input title="Cat_PrecioVenta" type="text" name="Cat_PrecioVenta" value="" size="32" maxlength="5" /></td>
                                    </tr>

                                    <tr><td></td><td><input id="btn_submit" type="submit" name="submit" value="Crear" /></td></tr>
                                </table>

                            </h:form>


                       </div><!-- end of div1 -->

                    </div><!-- end of content -->
                </div>
            </ui:define>
        </ui:composition>

    </body>
</html>
